	 /* 	html { overflow-x: hidden; overflow-y: hidden; } */
	body{margin:0;}
  	p{margin:auto;font-family:"Microsoft YaHei";font-size:14px;color:#748a95;line-height:1;}
 	.error{
 		color:red;
 	}
  	#main{
  		height:100%;
  	    width:calc(100% - 1em); 
   	    background:url('../img/login-background.png') no-repeat!important; 
  		background-size:100% 100%;
  		position:relative;
  		text-align:center;
  		min-width:48em; 
  		margin:auto;
  		}
	#main .main-login{
		width:100em;
		margin:auto;
		position:absolute;
		top:50% ;
		left:50%;
		transform:translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
	}
  	#main .main-login img,#main .main-computer img,#main .main-logo a img{
  		width:80%;
  		margin:auto;
  	}
  	#main .main-computer{
  		position:absolute;
  		top:50% ;
		left:50%;
		transform:translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
		margin-top:-.5em;
		margin-left:-16.5em;
  	}
  	#main .main-logo{
  		position:absolute;
  		top:50% ;
		left:50%;
  		transform:translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
  		margin-top:-20em;
		margin-left:-29.7em;
		padding-right:0.6875em;
		border-right:2px solid #748a95;
  	}
  	#main .main-title{
  		position:absolute;
  		top:50% ;
		left:50%;
  		transform:translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
  		margin-top:-20em;
		margin-left:-18em;
		padding-right:0.6875em;
		color:#748a95;
  	}
  	#main .main-title a{
  		font-size:26px;
  		font-weight:bold;
  	}
  	#main .main-form{
  		position:absolute;
  		top:50% ;
		left:50%;
  		transform:translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
		margin-left:15em;
		padding-right:0.6875em;
		color:#748a95;
  	}
  	#main .main-form form{
  		margin-top:2.5em;
  	}
  	#main .main-form >a{
  		font-size:28px;
  		color:#62bbe1;
  	}
  	#main .main-form div a{
  		text-decoration:none;
  	}
  	#main > .main-form > form >div{
  		padding:2em 0em .3em 0em;
  		width:20em;
  		border-bottom:1px solid #cfd4d7;
  	}
  	#main > .main-form > form > div > a:first-child{
  		display:block;
  		width:calc(15% - .5em);
  		padding:.1em .5em 0em 0em;
  		text-align:left;
  		float:left;
  	}
  	#main > .main-form > form > div > a:nth-child(2){
  		display:block;
  		width:calc(75% - .5em);
  		padding:0em .5em 0em 0em;
  		text-align:left;
  		float:left;
  	}
  	#main > .main-form > form > div > a:nth-child(3){
  		display:block;
  		width:calc(10% - .5em);
  		padding:.35em .5em 0em 0em;
  		text-align:left;
  		float:left;
  	}
  	#main > .main-form > form > div:last-child > a:nth-child(2){
  		display:block;
  		width:calc(50% - .5em);
  		padding:0em .5em 0em 0em;
  		text-align:left;
  		float:left;
  	}
  	#main > .main-form > form > div:last-child > a:nth-child(3){
  		display:block;
  		width:calc(35% - .5em);
  		padding:.5em .5em 0em 0em;
  		text-align:right;
  		float:left;
  	}
  	#main .main-form div input{
  		width:calc(100% - 1em);
  		padding:.5em 1em .2em 0em;
  		color:#767676;
  	}
  	.btn-login a{
  		display:block;
  		text-align:center;
  		width:10em;
  		height:2.5em;
  		line-height:2.5em;
  		background:#62bbe1;
  		color:white;
  		font-weight:bold;
  		border-radius:10px;
  		margin:auto;
  		text-decoration:none;
  	}
  	.btn-login > a:hover{
  		filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
  		cursor:pointer;
  	}
  	input{
  		border:0px;
  		width:100%;
  	}
  	input:focus{
  		outline:none;
  	}
  	.clear{clear:both;}
  	
  	.font-12{
  		font-size:12px;
  	}
  	.color-blue{
  		color:#62bbe1;
  	}
  	.dis-block{
  		display:block;
  	}
  	.mt15{
  		margin-top:15px;
  	}
  	.mt2e{
  		margin-top:2.5em;
  	}
  	.pt13{
  		padding-top:13px!important;
  	}
	.invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color: red;  
	}
	
	.invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color: red;
	}
	
	input.invalid:-ms-input-placeholder{
	    color: red;
	}
	
	input.invalid::-webkit-input-placeholder {
	    color: red;
	}
  @media only screen and (max-width: 1366px) {
		#main .main-login{
			width:80em;
			height:27.6em;
			margin:auto;
			position:absolute;
			top:50% ;
			left:50%;
			transform:translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
	        -o-transform: translate(-50%,-50%);
		}
		#main .main-computer{
	  		position:absolute;
	  		width:32em;
	  		top:50% ;
			left:50%;
			transform:translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
	        -o-transform: translate(-50%,-50%);
			margin-top:2em;
			margin-left:-10.5em;
  		}
  		#main .main-form{
  			font-size:14px;
	  		top:50% ;
			left:50%;
	  		transform:translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
	        -o-transform: translate(-50%,-50%);
	  		margin-top:4em;
			margin-left:18em;
			padding-right:0.6875em;
			color:#748a95;
  		}
  		#main .main-logo{
	  		position:absolute;
	  		top:50% ;
			left:50%;
	  		transform:translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
	        -o-transform: translate(-50%,-50%);
	  		margin-top:-10em;
			margin-left:-19.7em;
			padding-right:0.6875em;
			border-right:2px solid #748a95;
	  	}
  		#main .main-title{
	  		position:absolute;
	  		top:50% ;
			left:50%;
	  		transform:translate(-50%,-50%);
	  		margin-top:-10em;
			margin-left:-8em;
			padding-right:0.6875em;
			color:#748a95;
	  	}
	}